<!DOCTYPE html>
<html>
<head>
<title>Smart Guard</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="css/app.css" />
    <!-- Loading Bootstrap -->
    <link href="css/vendor/bootstrap.min.css" rel="stylesheet" />
    <!-- Loading Flat UI -->
    <link href="css/flat-ui.css" rel="stylesheet" />
    <link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="stylesheet" href="css/common.css" />
	<!-- Loading JQuery -->
	<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css"/>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="js/vendor/html5shiv.js"></script>
      <script src="js/vendor/respond.min.js"></script>
    <![endif]-->
 
</head>
 
<body>	
	<script src="js/jquery.min.js"></script>
	<script src="js/angular.min.js"></script>
	<script src="js/angular-route.min.js"></script>
	<script src="js/jquery.datetimepicker.js"></script>
	<script src="js/all.js"></script>
	<script type="text/javascript">
//根据存放的cookie名取相应的值
function getCookie(cookieName) {
  var cookieString = document.cookie;
  var start = cookieString.indexOf(cookieName + '=');
  // 加上等号的原因是避免在某些 Cookie 的值里有
  // 与 cookieName 一样的字符串。
  if (start == -1) // 找不到
    return null;
  start += cookieName.length + 1;
  var end = cookieString.indexOf(';', start);
  if (end == -1){
   var temp = unescape(cookieString.substring(start))
   return temp;
  }
   var temp = unescape(cookieString.substring(start, end))
   return temp;
}

//获取终端唯一标识

function getGuid(){
	var guid =getCookie("guid");
	return guid;
}

/* getGuid(); */
jQuery(function () {
    $('#menu-trigger').click(function () {
        if (!$('.dLeft').hasClass('mobile-menu-left')) {
 			$('#content, #ng-app').addClass('mobile-left');
 			$('#content, #ng-app').addClass('after-left');
			$('header').removeClass('navbar-fixed-top');
			$('footer').removeClass('navbar-fixed-bottom');
            $('.dLeft').addClass('mobile-menu-left');
            $('.wrapper').addClass('mobile-left');
            $('header,footer').addClass('after-fixed');
            $('#username').html(getCookie("username"));  
        } else {
      	   $('.wrapper').removeClass('navbar-fixed-top');
    	    $('header').addClass('navbar-fixed-top');
			$('footer').addClass('navbar-fixed-bottom'); 
            $('.dLeft').removeClass('mobile-menu-left'); 
            $('#content, #ng-app').removeClass('mobile-left');
            $('.wrapper').removeClass('mobile-left');
        }
    });
    
     $('label').click(function(){
     if ($('.dLeft').hasClass('mobile-menu-left')) {
    	 $('.wrapper').removeClass('navbar-fixed-top');
 	     $('header').addClass('navbar-fixed-top');
		 $('footer').addClass('navbar-fixed-bottom'); 
         $('.dLeft').removeClass('mobile-menu-left'); 
         $('#content, #ng-app').removeClass('mobile-left');
         $('.wrapper').removeClass('mobile-left');
     }
    }); 
    
});


// Some general UI pack related JS
// Extend JS String with repeat method
 
 


</script>

	<!--	user body	-->
	<!-- slide left menu-->
	<div class="dLeft">
		<div id="profile">
			<img src="images/testprofile.jpg" class="profile"/><label class="profile" id="username"></label>
			<hr class="profileHr"/>
		</div>
		<ul class="profile">
		<li><img src="images/accountInfro.png" class="profileIcon"/><label class="profileText"><a href="#accountInformation">账户信息</a></label></li>
		<hr class="profileHr"/>
		<li><img src="images/passwordModify.png" class="profileIcon"/><label class="profileText"><a href="#changePassword">修改密码</a></label></li>
		<hr class="profileHr"/>
		<li><img src="images/equipmentManage.png" class="profileIcon"/><label class="profileText"><a href="#equipmentsInfo">设备管理</a></label></li>
		</ul>
		<!-- <div id="logState">登出</div> -->
	</div>
<div class="wrapper" id="ng-app" ng-app="mainApp">
	<header class="navbar-fixed-top navbar-default navbar-custom">
		<a id="menu-trigger" href="javascript:void(0)">
		<img src="images/profile.png" class="navbar-left navbar-custom-left"/>
		</a> 
	<a class="navbar-brand" href="#" id="header-title">Smart Guard</a> 
	<img src="images/more.png" class="navbar-right navbar-custom-right" />
	</header>
	<div id="content">
	  <div ng-view></div>
	</div>
	<!--<div>
		<button onclick="playAlarm()">test sound</button>
	</div>  -->
	<!--<div><p id="testss"></p></div>-->
<footer class="navbar-fixed-bottom" role="navigation">
      <div class="row">
        <div class="col-md-12">
            <div class="btn-toolbar">
              <div class="btn-group btn-group-justified navbar-footer">
                <a href="#homePage" class="btn btn-lg btn-primary navbar-footer"><i class="fui-home"></i><label>首页</label></a>
                <a href="#notice" class="btn btn-lg  btn-primary navbar-footer"><i class="fui-bubble"></i><label>通知</label></a>
                <a href="#video" class="btn btn-lg  btn-primary navbar-footer"><i class="fui-video"></i><label>视频</label></a>
             <!--    <a href="javascript:void(0)" class="btn btn-lg  btn-primary navbar-footer"><i class="fui-list-large-thumbnails"></i><label>购物</label></a> -->
                <a href="#setting" class="btn btn-lg  btn-primary navbar-footer"><i class="fui-gear"></i><label>设置</label></a>
              </div>
            </div>
        </div>
    </div>
</footer>

</div><!-- /wrapper -->
  
    <!-- jQuery (necessary for Flat UI's JavaScript plugins) -->
    <script src="js/vendor/jquery.min.js"></script>
    <script src="js/vendor/video.js"></script>
    <script src="js/Record.js"></script>
    <script src="js/bootstrap.min.js"></script>  
    <script src="js/flat-ui.min.js"></script> 
   <!--  <script src="js/application.js"></script> -->
<!-- 
	<script src="js/NoSleep.js"></script>
    <script src="js/myNoSleep.js"></script>
 -->    
    <script src="js/json2.js"></script>
    <script src="js/device_event.js"></script>
    <script src="js/websocket.js"></script>
    <script src="js/sensor.js"></script>
    <!-- jquery timepicker -->
    <script src="js/jquery.datetimepicker.js"></script>
    